<template>
	<div class="about">
		<div class="about_icon">
			<img src="../../images/about_icon_01.png">
			<p>好吃 好玩 好省 尽在芸券</p>
			<span>v2.0.5</span>
		</div>
		<div class="about_cont">
			<p>致各位“芸券”用户：<br/>
你好！很高兴你能选择“芸券”—— 一个便捷获得商家电子券、兼具娱乐与社交功能的平台，在这里你可以：<br/>
海量商券轻松兑。“芸券”汇集各类商家电子券，包揽吃喝玩乐一条龙，兑换轻松，结算方便。<br/>
分享商券得奖励。部分闲置商券可以分享给其他用户，将实惠传递给亲朋好友。偷偷告诉你，自己分享出去的商券得到使用，还有机会获得奖励哦~<br/>
趣味游戏赢好礼。新奇好玩的小游戏邀你参与，娱乐的同时还有好礼相送，趣味多多，优惠多多。<br/>
相信使用一段时间后，你一定会成为“芸券”的铁杆粉丝。如有任何意见与建议也欢迎反馈，希望在你的帮助下让“芸券”越走越远。<br/>
&nbsp;&nbsp;&nbsp;&nbsp;愿你诸事顺遂！</p>
		</div>
		<div class="about_foot">©2017 YunQuan Co.Ltd.</div>
	</div>
</template>
<script>
    import * as types from '../../vuex/types.js'
    import { mapState } from 'vuex'

      export default {
      	 data: () => ({

      	 }),
        components:{

        },
        computed: {
          ...mapState({
            userInfo:state => state.user.userInfo
          }),
        },
        created:function(){
        	this.$emit('header-info', {
            title: '关于我们',
            isBack: true,
            isMessage: false
          	})
        	document.body.scrollTop = 0;

        },
          }
</script>
<style scoped>
	.about{
		width: 100%;
		min-height: calc(100% - 48px);
		background: #fff url(../../images/about_bg_01.png) 0 0 no-repeat;
		background-size: 100%;
		position: relative;
	}
	.about_icon {
		text-align: center;
		padding-top: 3.53rem;
	}
	.about_icon img{
		width: 5.26rem;
		height: 5.26rem;
		display: inline-block;
	}
	.about_icon p{
		text-align: center;
		font-size: 1.2rem;
		color:#ee3155;
		padding:0.8rem 0 0.7rem;
	}
	.about_icon span{
		font-size: 0.8rem;
		color:#999;
		display: block;
		width: 3.6rem;
		height: 1rem;
		line-height: 1rem;
		margin: 0 auto;
		border:1px solid #999;
		border-radius: 1rem;
	}
	.about_cont{
		font-size: 1rem;
		color:#666;
		padding:2.33rem 1.3rem 6rem;
		box-sizing: border-box;
		min-height:calc(100% - 19.2rem);
	}
	.about_cont p{
		line-height: 1.6;
		text-align:justify;
	}
	.about_foot{
		/*padding: 3rem 0 1.2rem;*/
		font-size: 0.8rem;
		color:#999;
		text-align: center;
		width: 100%;
		position: absolute;
		left: 0;
		bottom:1.5rem;
	}
</style>
